<template>
  <section>
    <el-tabs v-model="tabPage" @tab-click="selTabPage">
      <el-tab-pane label="课程列表" name="first">
        <course-list v-if=" tabPage==='first'"></course-list>
      </el-tab-pane>
      <el-tab-pane label="学员与课时" name="second">
        <learner-list v-if=" tabPage==='second'"></learner-list>
      </el-tab-pane>
      <el-tab-pane label="讲师管理" name="讲师管理">老师</el-tab-pane>
      <el-tab-pane label="报名列表" name="fourth">报名列表
      </el-tab-pane>
    </el-tabs>
  </section>
</template>

<script>
  import courseList from './course/courseList'
  import learnerList from './learner/learnerList'
  export default {
    name: "index",
    components: {courseList,learnerList},
    data(){
      return{
        tabPage:'first'
      }
    },
    methods:{
      selTabPage(t,e){
        this.tabPage=t.name
      }
    }
  }
</script>

<style scoped>

</style>
